<template>
	<view class="">
		<view class="box">
			<view class="smallbox">
				<image src="../../static/logo.png" mode=""></image>
				<view class="title">
					欧莱雅（LOREAL）复颜玻尿
					酸水光充盈导入膨润精华液
				</view>
				<view class="btnbox">
					<view class="leftbox">
						<text class="dw">￥</text>128
						<text class="del">￥130</text>
					</view>
					<view class="rightbox">
						已拼<text>600</text>件
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.box {
		display: flex;
		flex-wrap: wrap;
		.smallbox:nth-child(2n){
			margin-right: 0;
		}
		.smallbox {
			margin-right: 30rpx;
			margin-bottom: 40rpx;

			image {
				width: 330rpx;
				height: 330rpx;
				border-radius: 12rpx;
			}

			.title {
				width: 330rpx;
				font-family: MicrosoftYaHei;
				font-size: 26rpx;
				line-height: 36rpx;
				color: #333333;
			}

			.btnbox {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.leftbox {
					font-family: PingFang-SC-Bold;
					font-size: 28rpx;
					color: #f74034;

					.dw {
						font-family: PingFang-SC-Bold;
						font-size: 20rpx;
						color: #f74034;
					}

					.del {
						font-family: PingFang-SC-Medium;
						font-size: 20rpx;
						color: #999999;
						text-decoration: line-through;
						margin-left: 5rpx;
					}
				}

				.rightbox {
					font-family: MicrosoftYaHei;
					font-size: 22rpx;
					color: #666666;
					text{
						color:#f74034 ;
					}
				}
			}
		}
	}
</style>
